@charset "utf-8";
/* CSS Document */
*{box-sizing:content-box;}
body{ margin:0px; padding:0px; font-size:0.14rem;  color:#333; font-family:"微软雅黑"; min-width:15rem;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微软雅黑";}
:hover{/* transition: all 0.3s ease-in 0.1s,color 0.2s ease-out 0.1s; */}
a{color:#2b2b2b;text-decoration:none;}
a:hover{text-decoration:none;}
ol,ul,li,p,h1,h5,h2,h3,h4,h6{list-style:none;margin:0px; padding:0px;}
img{border:0px;}
form{ margin:0px; padding:0px;}input,textarea{ outline:0}
.animated {-webkit-animation-duration: 1.8s;animation-duration: 1.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animationName{animation-name: sfs !important;}
@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} 50% {opacity: 1;}}
@keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}50% {opacity: 1;}}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn; }

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} 100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}

@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}

@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
.fl{float:left;}
.fr{float:right}
.wd1200{width:15rem;margin: 0 auto;height: auto;width: 80vw;}
.mobileNavbar{display:none;}

.top{color:#fff;background: #002060;float:left; width: 100%;height: 0.4rem;position: fixed;top: 0;left: 0;z-index: 99;}
.topcat{padding-top: 0.1rem;}
.topcat li{float: right;padding: 0 0.1rem;border-left: 1px solid #fff;font-size: 0.16rem;}
.topcat li a{color:#fff;}

.index-nav{float:left;height: 0.55rem;width:100%;line-height: 0.55rem;position: relative;border-bottom:2px solid #f2f2f2;position: fixed;left: 0;top: 0.4rem;z-index: 99;background: #fff;}
.navlogo{float:left;color:#16468D;width: 2.6rem;text-align: center;height: 0.55rem;position: relative;width: 13vw;}
.navlogo img{max-width:100%;max-height:100%;margin:auto;left:0;/* right:0; */top:0;bottom:0;position:absolute;}
.navlogo a{color:#16468D;font-size: 0.2rem;}
.nav{width: 9.7rem;float: left;width: 50vw;}
.nav li{float:left;padding: 0 0.5rem;/* position: relative; */padding: 0 1.5vw;}
.nav li:hover a{color:#16468D}
.nav li.on a{color:#16468D}
.nav li a{font-size: 0.18rem;display: block;/* font-size: .9375vw; */}
.nav li:hover .navtab{height:100vh;border-top:2px solid #f2f2f2;}
.navsearch{float:right;background: url(../pic/search.png) no-repeat 50%;width: 0.4rem;height: 0.55rem;margin-right: 0.2rem;background-size: 0.3rem;}
.navsearch a{font-size:0}
.nav li .navtab{width:100%;height: 0;background: #fff;left: 0;top: 0.95rem;position: fixed;z-index: 999;overflow: hidden;/* border-top: 2px solid #f2f2f2; */position: absolute;top: 0.55rem;}
.nav li .navtab .tab{width: 3.2rem;font-size:0.2rem;float: left;border-right: 2px solid #f2f2f2;margin-top: 0.05rem;width: 19vw;}
.nav li .navtab .tab01{width: calc(15rem - 3.3rem);float:right;display: none;width: calc(61vw - 2px);}
.nav li .navtab .tab01.on{display:block;}
.nav li .navtab .tab .on,.nav li .navtab .tab li:hover{background:#16468D;color:#fff}
.nav li:hover .tab li a{color:#333}
.nav li .navtab .tab li{margin: 0.2rem 0;width: calc(100% - 0.8rem);padding: 0.05rem 0.4rem;position:relative;}
.nav li .navtab .tab .on a,.nav li .navtab .tab li:hover a{color:#fff;}
.nav li .navtab .tab01 .twotab{/* display:none; */z-index: 1000;width: 3.2rem;font-size:0.18rem;border-right: 2px solid #f2f2f2;/*padding-top: 0.1rem;*/min-height: 2.96rem;position: relative;width: 19vw;height: 3.66rem;}
.nav li .navtab .tab01 .threetab{display:none;}
.nav li .navtab .tab01 .on>.twotab{display:block;}
.nav li .navtab .tab01 .twotab li{color:#333;padding: 0 0.1rem;margin: 0 0.2rem;height: auto;line-height: 0.5rem;position:static;width: calc(100% - 0.6rem);border-bottom: 1px solid #f2f2f2;}
.nav li .navtab .tab01 .twotab li.active>.twotab{display:block;}
.nav li .navtab .tab01 .twotab li.active>.twotab li a{line-height: 0.3rem;padding: 0.1rem 0;}
.nav li .navtab .tab01 .twotab li a{color: #000;font-size: 0.18rem;}
.nav li .navtab .tab01 .twotab li:hover{background:none}
.nav li .navtab .tab01 .twotab li a:hover{color:#16468D}
.nav li .navtab .tab01 .threetab{position:absolute;left: 3.2rem;top: 0;left: 19vw;}
.nav li .navtab0{position:absolute;color:#333;z-index: 999;background: #fff;width: 100%;left: 0;height:0;overflow:hidden}
.nav li:hover .navtab0{height:auto}
.nav .navtab0 li{text-align: center;padding: 0 0.2rem;width: calc(100% - 0.4rem);font-size: 0.18rem;}
.nav .navtab0 li a{font-size:0.18rem;}
.nav .navtab0 li:hover a{color:#16468D}
.nav li .navtab .tab01 .twotab li:first-child{padding-top:0.1rem}
.nav li .navtab .tab01 .threetab li:first-child{padding-top:0.1rem}

/*搜索*/
.search_in{margin-left: 0.1rem;padding: 0rem 0.3rem 0 0;font-size: 0.14rem;color: #9f9f9f;position: relative;float: right;border-radius: 0.2rem;background: #fff;margin-top: 0.06rem;border: 1px solid #e5e5e5;/* width: calc(14vw - 2px); */margin-left: 0.5vw;padding: 0 1.5vw 0 0;}
.search_in form{/* width: 2.78rem; */height: 0.4rem;line-height: 0.4rem;display: block;}
.search_in form input{background: none;border: 0 none;color: #333333;font-size: 0.16rem;}
.search_in form #search-i{width: 0.5rem;height: 0.4rem;display:block;cursor: pointer;position: absolute;right: 0;top: 0px;background: url(../pic/search.png) no-repeat 50%;background-size: 0.3rem;}
.search_in form #search-bg input {line-height: 0.4rem;display: block;width: 2.1rem;padding-left: 0.1rem;}
.search_in form #search-i input{ display: block;width: 100%;height: 100%;cursor: pointer;padding:0}
.text {color: #888;display: inline;float: left;font: 0.12rem/0.3rem 'Arial';height: 0.27rem;margin-left: 0px;text-indent: 0.1rem;width: 1.45rem;margin-top: 0.08rem;border: 0;border-radius: 0.15rem 0 0 0.15rem;}
.fixed{position: fixed;top: 0; margin-top:0px; z-index:9999999		}
.button {background: url("../pic/search.png") no-repeat scroll 0.05rem 0.04rem #fff;float: left;height: 0.27rem;margin-top: 0.08rem;width: 0.25rem;border: 0;border-left: 0;background-size: 0.22rem;border-radius: 0 0.15rem 0.15rem 0;}
/*轮播广告*/
/*.bn-alp { width:100%; height:6.5rem; position:relative; float:left;  background: #ffed29 no-repeat;background-position:50% 0%; overflow:hidden }
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li { width:100%; height:6.5rem; background-position:50% 0%; background-repeat:no-repeat; background-color:#dddddd; background-size:cover; position:absolute; top:0; left:0; z-index:10; }
.bn-alp .abox li.on { z-index:99; }
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i { bottom:0.25rem; left:50%; text-align:center; position:absolute; z-index:100;-webkit-transform: translateX(-50%); transform: translateX(-50%);}
.bn-alp .i i {display:inline-block;margin-left: 0.2rem;width: 1rem;height: 0.06rem;background: #fff;cursor:pointer;}
.bn-alp .i i:first-child{margin-left:0}
.bn-alp .i i.on {background-position: -1.3rem 0;background: #16468D;}
.bn-alp .abox h2{position: absolute;z-index:1000;bottom: 2.2rem;color: #fff;font-size: 0.4rem;margin-left: 0.9rem;}*/

.bn-alp {width:100%;position:relative;float:left;background-position:50% 0%;overflow:hidden;z-index: 1;background: #fff;margin-top: 0.96rem;}
.bn-alp ul,.bn-alp li { margin:0;padding:0;list-style:none;}
.bn-alp .abox {height:100%;position:relative;display: -webkit-box;display: flex;display: -ms-flexbox;display: none;}
.bn-alp .abox.on{display:flex;}
.bn-alp .abox li {width:100%;background-position:50% 0%;background-repeat:no-repeat;background-size:cover;/* top:0; *//* left:0; *//* z-index:10; */height: auto;}
.bn-alp .abox li img.bg {width: auto;/* transition: All 6s ease; */margin: auto;display: block;min-width: 100%;/* height: 500px; */}
.bn-alp .abox li a.b { display:block;width:100%;height:100%;}
.bn-alp .i {bottom:0.25rem;left:50%;margin-left:-0.5rem;text-align:center;position:absolute;z-index: 10;}
.bn-alp .i i,.bn-alp .i .swiper-pagination-bullet{display:inline-block;margin-right:0.1rem;width:0.2rem;height:0.1rem;background: #fff;border-radius:0.05rem;cursor:pointer;transition: 0.3s all ease-in-out;opacity: 1;}
.bn-alp .i i.on,.bn-alp .i .swiper-pagination-bullet-active {background:#373737;width:0.4rem;}
.bn-alp.indexBanner,.bn-alp.indexBanner .abox li img.bg{height: calc(100vh - 0.95rem);object-fit: cover;}
.bn-alp.indexBanner .abox li img.bg{width:100vw;}

/*首页产品及方案推荐*/
.prosol{width:100%;float:left;margin:0.4rem 0}
.wd1200 .sytitle{width:100%;font-size: 0.4rem;float:left;text-align: center;position: relative;padding-bottom: 0.2rem;margin: 0.4rem 0;}
.wd1200 .sytitle:after{content:"";background: #16468D;width: 0.68rem;height: 0.05rem;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.tjlist{float:left;width: 100%;}
.tjlist.mobile{display:none;}
.tjlist li{float:left;margin: 0.2rem;height: 4rem;overflow: hidden;position: relative;margin: 1vw;height: 26vw;}
.tjlist li span{width:100%;height: 4rem;float: left;position:relative;height: 26vw;}
.tjlist li span img{width: 100%;height: 100%;transition: all .5s ease;}
.tjlist li span:after{position:absolute;content:"";background:#000;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;}
.tjlist li:hover span:after{opacity:0.4;transition: all .5s ease;}
.tjlist .li01,.tjlist .li04{width:10rem;width: 48vw;}
.tjlist .li02,.tjlist .li03{width:4.2rem;width: 28vw;}
.tjlist .li02 .tjnr, .tjlist .li03 .tjnr{width:3.8rem}
.tjlist .li01 .tjnr, .tjlist .li04 .tjnr{width:9.6rem}
.tjlist li .tjnr{position:absolute;bottom:0.1rem;left:0.2rem;color:#fff}
.tjlist li .tjnr h4{font-size:0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-shadow: 0 0 1px #ccc;}
.tjlist li .tjnr p{font-size:0.16rem;padding-bottom:0.1rem;color:#d2d2d2;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tjlist li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);transition: all .5s ease;}
.more{width:100%;float:left;text-align: center;margin-top: 0.2rem;}
.more a{border:1px solid #16468D;color:#16468D;font-size: 0.18rem;padding: 0.1rem 0.3rem;}
.more a:hover{background:#16468D;color:#fff}
/*视频观看*/
.video{float:left;width: 100%;margin: 0.4rem 0}
.video li{float:left;margin: 0.2rem;width:4.6rem;/* height: 3.6rem; */position: relative;overflow: hidden;width: 24.6666vw;margin: 1vw;height: 19.38vw;width: 18.37vw;height: 13.7vw;margin: 1vw 0.75vw;}
.video li:first-child{margin-left:1vw;}
.video li:first-child+li+li+li{margin-right:1vw;}
.video li span{width:100%;height: 100%;float:left;position: relative;transition: all .5s ease;}
.video li span:after{position:absolute;content:"";background:#000;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;}
.video li span img{width:100%;height: 100%;transition: all .5s ease;}
.video li .videoxq{position:absolute;color:#fff;bottom:0.1rem;left:0.2rem;opacity: 1;transition: all .5s ease;width: 16.5vw;}
.video li:hover .videoxq{opacity:1;transition: all .5s ease;}
.video li:hover span:after{opacity:0.4;transition: all .5s ease;}
.video li .videoxq h4{font-size:0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.video li .videoxq p{line-height:0.3rem;font-size:0.16rem;color:#e2e2e2;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.video[bopt="1"] li .videoxq{opacity:1}

/*新闻资讯*/
.news{width:100%;float:left;margin: 0.4rem 0}
.news .newsnr li{float:left;margin: 0.2rem;width:4.6rem;width: 24.66vw;margin: 1vw;}
.news .newsnr li span{width:100%;height: 3.2rem;float:left;position: relative;overflow: hidden;height: 17.1vw;}
.news .newsnr li span img{width:100%;height: 100%;transition: all .5s ease;}
.news .newsnr li .newsxq{width:4.2rem;height: 2.3rem;float:left;background: #F8F8F8;padding:0.2rem 0.2rem 0 0.2rem;width: 22.66vw;padding: 1vw 1vw 0 1vw;}
.news .newsnr li .newsxq h4{font-size:0.2rem;padding-bottom:0.1rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news .newsnr li .newsxq .cav{margin-bottom: 0.2rem;}
.news .newsnr li .newsxq .cav i{font-style:normal;padding-right: 0.3rem;padding-left: 0.3rem;font-size: 0.16rem;color: #666;}
.news .newsnr li .newsxq .cav .view{background: url(../pic/view.png) no-repeat 0 50%;background-size:0.25rem;}
.news .newsnr li .newsxq .cav .time{background: url(../pic/time.png) no-repeat 0 50%;background-size:0.2rem;}
.news .newsnr li .newsxq p{font-size: 0.16rem;color:#666;line-height:0.28rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.news .newsnr li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);transition: all .5s ease;}
/*底部*/
.bottom{float:left;width:100%;background:#404040;padding:0.3rem 0;color:#fff}
.link{float:left;width: 100%;color: #262626;}
.foot .link a{color: #262626;padding-right:0.2rem;font-size:0.18rem}
.bottom .botnav{margin-top: 0.2rem;float:left;}
.bottom .botnav ul{float:left;margin-right: 0.2rem;width: 2.8rem;width: 15vw;margin-right: 1vw;}
.bottom .botnav ul li{float:left;width:100%;line-height:0.3rem;overflow:hidden;height:0.3rem;font-size:0.16rem;color:#999}
.bottom .botnav ul .onenav{font-size:0.2rem;color:#fff;margin-bottom:0.1rem}
.foot{float:left;background: #262626;color:#fff;padding:0.3rem 0;width: 100%;}
.foot p{font-size: 0.16rem;/* font-weight: bold; */white-space: pre;line-height: 0.3rem;color: #fff;}
.foot .footer{width:9rem;float:left;width: 50vw;}
.foot .footyl{float:right;width: 5.5rem;width: 25vw;}
.foot .footyl p{padding-bottom:0.2rem;color: #fff;}
.foot .footyl li{float:left;margin-right:0.2rem}
.foot .footyl li img{width:0.25rem;height:0.25rem}
.foot a{color:#fff;}
/*右侧悬浮菜单*/
.slide{width: 0.5rem;height: auto;position: fixed;top: 50%;margin-top: -1.26rem;background: #002060;right: 0;border-radius: 5px 0 0 5px;z-index: 999;}
.slide ul{list-style: none;}
.slide .icon li{width: 0.49rem;height: 0.5rem;background: url(../pic/iconright.png) no-repeat;background-size: 5rem;}
.slide .icon .up{background-position:-3.3rem -1.2rem ;}
.slide .icon li.qq{background-position:-3.85rem -0.73rem ;}
.slide .icon li.tel{background-position:-3.85rem -1.6rem ;}
.slide .icon li.wx{background-position:-3.85rem -1.2rem ;}
.slide .icon li.down{background-position:-3.3rem -1.6rem ;}
.slide .info{top: 50%;height: 1.47rem;position: absolute;right: 100%;background: #002060;width: 0px;overflow: hidden;margin-top: -0.735rem;transition:0.5s;border-radius:4px 0 0 4px;}
.slide .info.hover{width: 1.45rem;}
.slide .info li{width: 1.45rem;color: #ffffff;text-align: center;}
.slide .info li p{font-size: 1.1em;line-height: 2em;padding: 0.1rem;text-align: left;}
.slide .info li.qq p a{display: block;margin-top: 0.12rem;width: 1rem;height: 0.32rem;line-height: 0.32rem;color: #ffffff;font-size: 0.16rem;   text-align: center;text-decoration: none;border: 1px solid #ffffff;border-radius: 5px;}
.slide .info li.qq p a:hover{color: #002060;border: none;background: #ffffff;}
.slide .info li div.img{height: 100%;background: #DEFFF9;margin: 0.15rem;}
.slide .info li div.img img{width: 100%;height: 100%;}
/*内页*/
.mbxtab{float:left;width:100%;margin: 0.2rem 0;}
.mbxtab .mbx{width:calc(100% - 0.2rem);/* margin-left: 0.2rem; */float:left;font-size: 0.16rem;width: 100%;}
.mbxtab .mbx a{font-size: 0.16rem;}
/*   内页-翻页  */

.hpage{font-size: 0.14rem;width: 15rem;margin:0 auto;text-align:center;padding:0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.hpage span{font-size:0.12rem;color:#ffffff;background: #002060;padding:0.02rem 0.08rem;border: 1px solid #002060;margin-right:0px;font-size:0.14rem;border-radius: 5px;-ms-border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;}
.hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 5px;-ms-border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;}
.hpage a:hover{ color:#ff6600; text-decoration:none}
/*方案及产品列表页*/
.solu{float:left;width:100%;padding:0.9rem 0 0.45rem 0}
.wd1200 .lbtitle{font-size: 0.4rem;width: calc(100% - 0.2rem);float:left;margin-bottom: 0.1rem;position: relative;padding-top: 0.1rem;margin-left: 0.2rem;}
.wd1200 .lbtitle:before{content:"";position: absolute;background: #16468D;width: 0.68rem;height: 0.05rem;top: 0;left: 0;}
.solu .solu_nr{width:100%;float:left;margin: 0.3rem 0}
.solu .solu_nr li{margin:0 0.2rem 0.2rem;width: 7.1rem;position: relative;float:left;height: 4.2rem;overflow: hidden;}
.solu .solu_nr li span{width: 100%;height: 4.2rem;float:left;}
.solu .solu_nr li span img{width:100%;height: 100%;}
.solu .solu_nr li p{position:absolute;color:#fff;width: 100%;left:50%;bottom:0.2rem;-webkit-transform: translateX(-50%);transform: translateX(-50%);font-size: 0.3rem;text-align: center;font-weight: 700;text-shadow: 0px 0px 2px #6b6969;}
.prolist{width:100%;float:left;margin: 0.2rem 0 0.6rem;}
.prolist .profl{float:left;margin: 0 0.2rem;width: calc(100% - 0.4rem)}
.prolist .profl li{float:left;width:2.92rem;height: 2.92rem;overflow: hidden;position:relative;}
.prolist .profl li a{width:100%;height: 100%;float: left;}
.prolist .profl li span{width:100%;height:100%;float:left;background:#eaeaea;position:relative}
.prolist .profl li span img{position:absolute;margin:auto;max-width:100%;max-height:100%;left:0;right:0;top:0;bottom:0}
.prolist .profl li p{position:absolute;font-size:0.22rem;font-weight:700;left:50%;transform:translateX(-50%);bottom:0.2rem;z-index: 110;top: 50%;}
.prolist .profl li a:before{content:"";background:#fafafa;width:100%;height:100%;position:absolute;left: 0;z-index:100;}
.prolist .profl li:nth-child(2n) a:before{background:#f1f1f1}
.prolist .profl li a:hover:before{opacity:0}
.prolist .profl li a:hover p{color:#fff;bottom:0.2rem;top:auto;}
/*产品列表页*/
.pro02{float:left;width:100%;padding: 0.8rem 0;margin: 0.4rem 0;}
div.pro02:nth-child(2n+1){background: #f8f8f8;}
.protitle{margin-left:0.2rem;width:calc(100% - 0.2rem);float:left;position: relative;font-weight: 400;font-size: 0.4rem;padding-top: 0.1rem;}
.protitle:before{content:"";position: absolute;left: 0;top:0;width: 0.68rem;height: 0.05rem;background: #16468D;}
.pro02 .prolb{float:left;width: calc(100% - 0.4rem);margin: 0.8rem 0.2rem;border-bottom: 1px solid #dcdddd;overflow-y: hidden;overflow-x: auto;height: 0.8rem;display: -webkit-box;}
.pro02 .prolb li{font-size:0.24rem;padding-right:0.4rem;}
.pro02 .prolb .active a{color:#c7000b}
.pro02 .pro02nr{float:left;width: 100%;margin: 0.2rem 0 0.2rem 0;margin-top: 0.6rem;}
.pro02 .pro02nr li{float:left;width:3.35rem;margin: 0 0.2rem 0.2rem}
.pro02 .pro02nr li{float:left;width:3.35rem;margin: 0 0.2rem 0.2rem;width: 18vw;margin: 0 1vw 2vw 1vw;}
.pro02 .pro02nr li span{width:3.35rem;height: 3.35rem;float:left;position: relative;/* background: #f8f8f8; */width: 18vw;height: 18vw;}
.pro02:nth-child(2n+1) .pro02nr li span,.pro02:nth-child(2n+1) .pro02nr li p{background:#fff}
.pro02 .pro02nr li span img{max-width: 100%;max-height: 100%;margin: auto;position: absolute;left: 0;right: 0;top:0;bottom: 0}
.pro02 .pro02nr li p{padding: 0.3rem 0.15rem;width: calc(100% - 0.3rem);float:left;background: #f8f8f8;font-size: 0.22rem;padding: 1.5vw 0.8vw;width: 16.4vw;text-align: center;}
.pro02 .xgpro{float:left;width: 100%;margin: 0.6rem 0 0.8rem 0;}
.pro02 .xgpro li{float:left;width: 4.6rem;margin: 0 0.2rem 0.2rem;width: 24.66vw;margin: 0 1vw 1vw;}
.pro02 .xgpro li span{width: 4.6rem;height: 2.6rem;float:left;position: relative;width: 24.66vw;height: 14vw;}
.pro02 .xgpro li span img{max-width: 100%;max-height: 100%;margin: auto;position: absolute;left: 0;right: 0;top:0;bottom: 0}
.pro02 .xgpro li p{padding: 0.3rem 0.15rem;width: calc(100% - 0.3rem);float:left;background: #f8f8f8;font-size: 0.22rem;width: 23.06vw;padding: 1.5vw 0.8vw;text-align: center;}
.pro02[bopt="1"]{background:#f1f1f1;padding-top:0.6rem}
.pro02[bopt="1"] .pro02nr li{background:#fff;}
.pro02[bopt="1"] .sotitle{margin-bottom:0.4rem}
/*方案列表页*/
.solu02{width:100%;float:left;margin: 0.4rem 0;}
.sotitle{width:100%;float:left;text-align: center;position: relative;font-size: 0.4rem;font-weight: normal;padding-top: 0.2rem;}
.sotitle:before{content:"";position: absolute;left: 50%;top:0;width: 0.68rem;height: 0.05rem;background: #16468D;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.solu02nr{float: left;margin: 0.5rem 0.2rem;width:calc(100% - 0.4rem);}
.solu02nr .nrimg{width: 7.4rem;height: 5rem;float:left;margin-right: 0.2rem;}
.solu02nr .nrimg img{width:100%;height: 100%;}
.solu02nr .nrxq{float:right;width: calc(100% - 7.8rem);margin-top: 1.4rem;padding-top:0.3rem;border-top:2px solid #9b0000;}
.solu02nr .nrxq li{width:100%;float:left;font-size:0.18rem;line-height: 0.4rem;height: 0.4rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.solu02nr .nrxq li b{float:left;padding-right:0.2rem;font-weight:400}
/*方案详情页*/
.soluxq{width:100%;float:left;margin: 0.2rem 0}
.soluxq .describe{float:left;width: calc(100% - 0.8rem);/* margin: 0 0.4rem */}
.soluxq .describe li{float:left;width: 100%;margin-bottom: 0.8rem;}
.soluxq .describe li .destitle{width:100%;float:left;font-size: 0.4rem;font-weight: 400;padding-bottom: 0.2rem;}
.soluxq .describe li .desnr{float: left;width: 100%;font-size:0.2rem;line-height:0.36rem;margin-bottom:0.5rem;}
.soluxq .describe li .desimg{width:100%;float:left;}
.soluxq .describe li .desimg img{max-width:100%;}
.soluxq .describe h4{width:100%;float:left;font-size: 0.4rem;font-weight: 400;padding-bottom: 0.2rem;}
.soluxq .describe p{float: left;width: 100%;font-size:0.2rem;line-height:0.36rem;/* margin-bottom:0.5rem; */}
.soluxq .describe img{max-width:100%;}
/*产品详情页*/
.soluxq .describe02{width:100%;float:left;margin:0.6rem 0 0.2rem 0 ;line-height: 0.36rem}
.soluxq .describe02 li{float:left;margin-bottom:0.5rem;/* padding: 0 0.4rem; *//* width: 100%; */}
.soluxq .describe02 .desimg02{width: 40%;float:left;}
.soluxq .describe02 .desimg02 img{max-width: 100%;}
.soluxq .describe02 .desnr02{float:right;width: 50%;/* padding: 0.6rem 0.4rem 0.6rem 0rem; */}
.soluxq .describe02 .desnr02 h4{float:left;width:100%;font-size:0.36rem;font-weight:400;margin-bottom:0.2rem}
.soluxq .describe02 .desnr02 p{/* padding-left:0.1rem; */color:#727272;line-height:0.32rem;font-size:0.17rem;position:relative;/* float: left; */}
.soluxq .describe02 .desnr02 p:before{/* content:""; */position:absolute;background:#727272;width:0.06rem;height:0.06rem;border-radius:50%;left: 0;top: 0.14rem;}
.soluxq .describe02 li:nth-child(2n) .desimg02{float:right}
.soluxq .describe02 li:nth-child(2n) .desnr02{float:left}
.soluxq .frI .desimg02{width: 38vw;}
.soluxq .frI li:nth-child(2n){float:right;}
.soluxq .describe02 li.info,.soluxq .describe02 li.info img{width:100%;}
/*用户服务*/
.user{width:100%;float:left;margin: 0.8rem 0;height: 9rem;}
.user .userys{float:left;width: 100%;position: relative;}
.user .userys li{float:left;position: absolute;}
.user .userys li span{width: 4.25rem;height: 3.6rem;float:left;overflow:hidden}
.user .userys li span img{width:100%;height:100%;transition: all .5s ease;}
.user .userys li .usernr{width:calc(100% - 0.6rem);position:relative;z-index: 10;height: 1.2rem;background: #fafafa;float:left;padding: 0.3rem 0.3rem;overflow:hidden;}
.user .userys li h4{width:100%;float:left;font-size:0.24rem;margin-bottom:0.1rem;position: relative;z-index: 10;}
.user .userys li p{float:left;width:100%;font-size:0.2rem;line-height: 0.34rem;color:#727272;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: relative;z-index: 10;}
.user .userys li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);transition: all .5s ease;}
.user .userys li .usernr:after{position:absolute;content:"";z-index: 9;background:#c7000b;width:0;height:100%;left:0;top:0;transition: all .5s ease;}
.user .userys li:hover .usernr:after{width:100%;z-index:9}
.user .userys li:hover .usernr,.user .userys li:hover .usernr p{color:#fff}
.user .userys .title{width: 6.5rem;height: 3.6rem;border-bottom: 1.8rem solid #fafafa;position:relative}
.user .userys .title h3{font-size:0.4rem;width: 4rem;}
.user .userys .title:before{position:absolute;width:1.95rem;height:1.8rem;content:"";background:#f1f1f1;right:0;top:0}
.user .userys .title:after{position:absolute;width:1.95rem;height:1.8rem;content:"";background:#aa1514;right:0;bottom:-1.8rem}
.user .userys .li01{width: 4.25rem;height:5.4rem;left: 6.5rem;top:0}
.user .userys .li02{width: 4.25rem;height:5.4rem;right:0;top:2rem;}
.user .userys .li02 .usernr{position:absolute;top:0}
.user .userys .li02 span{position:absolute;top:1.4rem;height: 4.1rem;z-index: 8;}
.user .userys .li03{width: 6.5rem;height: 3.9rem;top: 5.4rem;left: 0;}
.user .userys .li03 span{width:4.55rem;height: 3.9rem;}
.user .userys .li03 .usernr{width:1.35rem;height: 3.3rem;}
.user .userys .li03 p{-webkit-line-clamp: 7;}
.user .userys .li04{width: 8.5rem;height: 3.9rem;top: 5.4rem;right: 0;}
.user .userys .li04 span{width: 4.25rem;height: 3.9rem;}
.user .userys .li04 .usernr{width: 3.65rem;position: absolute;right: 0;bottom: 0;}
.jszc{width:100%;float:left;margin: 1rem 0 1rem 0;}
.jszc li{float:left;margin: 0 0.2rem;width: 4.6rem;background: #F2F2F2;width: 24.66vw;margin: 0 1vw;margin-top: 2vw;}
.jszc li span{float:left;width:100%;height: 2.9rem;position: relative;overflow: hidden;}
.jszc li span img{max-width:100%;height: auto;position: absolute;margin: auto;left:0;right: 0;top:0;bottom: 0;}
.jszc li h3{float:left;width:4.2rem;padding:0.2rem 0.2rem 0.1rem;font-size:0.24rem;padding: 1vw 1vw 0.5vw;width: 22.66vw;}
.jszc li p{width:4.2rem;float:left;margin: 0 0.2rem 0.2rem;height: 0.52rem;font-size: 0.16rem;line-height: 0.26rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 22.66vw;margin: 0 1vw 1vw;}

.fltab{width:100%;float: left;border-bottom:1px solid #dcdddd}
.fltab ul{width:calc(100% - 0.8rem);height: 0.6rem;line-height:0.6rem;display: -webkit-box;display: -webkit-flex;display: flex;padding-right: 0.8rem;-webkit-box-pack: end;-webkit-justify-content: flex-end;justify-content: flex-end;background-color: #fff;z-index: 3;overflow-x: auto;overflow-y: hidden;}
.fltab ul li{padding:0 0.2rem;font-size:0.24rem;}
.fltab ul li.click a{color:#16468D}
/*人才招聘*/
.why{width:100%;float:left;margin:1rem 0;height: 4.3rem;}
.Wtitle{float:left;width: 2rem;margin-right: 1rem;font-size: 0.4rem;width: 11vw;margin-right: 5vw;width: 12vw;position:relative}
.why .Wtitle{padding-top:0.1rem}
.why .Wimg{float:left;width: 5.3rem;height: 4.3rem;overflow: hidden;background:#F8F8F8;position:relative;width: 28vw;height: 28vw;max-height: calc(3.3rem + 4vw);}
.why .Wimg img{max-width:100%;max-height: 100%;position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;}
.why .Wdes{float:left;background:#f8f8f8;width:5.9rem;height:3.5rem;padding:0.4rem;width: 31vw;padding: 2vw;height: 24vw;max-height: 3.3rem;}
.why .Wdes h4{font-size:0.24rem;float: left;width: 100%;margin-bottom: 0.2rem;}
.why .Wdes p{width:100%;float:left;line-height:0.36rem;font-size:0.16rem;color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;}
.qyss{float:left;background:#ffffff;width: 100%;padding: 0.3rem 0 0 0;font-size: 0.16rem;}
.weizhi{float:left;width: calc(100% - 0.2rem);line-height: 0.25rem;padding: 0 0 0.1rem 0.25rem;font-size: 0.16rem;}
.weizhi span{color:#333333;font-weight:bold;float:left;padding: 0.1rem 0 0 0;line-height: 0.25rem;width: 0.8rem;width: 7vw;}
.weizhi a{float:left;margin: 0.1rem 0.1rem 0 0.1rem;line-height:0.25rem;font-size: 0.16rem;}
.weizhi div{float:right;width: calc(100% - 7vw);}
.weizhi a:hover{float:left; color:#16468D}
.weizhi .current{float:left;color: #16468D;}
.qyss .li01{background: url(../pic/zhiwei.png) no-repeat 0;background-size: 0.22rem;}
.qyss .li02{background: url(../pic/didian.png) no-repeat 0;background-size: 0.22rem;}
.qyss .li03{background: url(../pic/rili.png) no-repeat 0;background-size: 0.2rem;}
.zpnr{width:100%;float:left;margin: 0.4rem 0}
.zpnr .zplist{border-top: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;text-align: center;}
.zpnr .zplist th{background: #16468D;height: 0.5rem;line-height: 0.5rem;text-align: center;color: #fff;font-size: 0.18rem;}
.zpnr .zplist th:first-child { border-left: 1px solid #d7d7d7;}
.zpnr .zplist td{border-left: 1px solid #d7d7d7;border-top: 1px solid #d7d7d7;padding: 0.15rem 0.05rem;line-height: 0.24rem;font-size: 0.16rem;}
.zpnr .zplist td:hover a{color:#16468D}
/*关于我们*/
.about{width:100%;float:left;padding: 1rem 0}
.about .abxq{float:left;width: 12.5rem;position:relative;width: 65vw;}
.about .abxq .abimg{width: 7.5rem;float:left;height: 4.8rem;width: 40vw;height: 29.56vw;overflow: hidden;}
.about .abxq .abimg img{width:100%;height: 100%;transition: all .5s ease;}
.about .abxq .abnr{float:right;width: 3.8rem;background:#FAFAFA;padding: 0.4rem 0.6rem;position:absolute;right:0;top: 50%;transform: translateY(-50%);width: 24vw;padding: 2vw 3vw;max-height: 26vw;overflow: auto;}
.about .abxq .abnr h5{float:left;width:100%;font-size:0.28rem;margin-bottom:0.2rem;font-weight:400;color:#16468D}
.about .abxq .abnr p{float:left;font-size: 0.18rem;line-height: 0.32rem;color:#999;color: #333333;font-size: 16px;z-index: 10;position: relative;}
.about .Wtitle{/* width:1.5rem */width: 10vw;position:relative;padding-top: 0.1rem;}
.about .Wtitle a{font-size:0.18rem;color:#16468D;font-weight:400;border:1px solid #16468D;padding:0.06rem 0.3rem}
.about .Wtitle a:hover{background:#16468D;color:#fff}
.about .abxq .abnr:hover{background:#16468D;}
.about .Wtitle:before,.why .Wtitle:before{content:"";position: absolute;background: #16468D;width: 0.6rem;height: 0.05rem;top: 0;left: 0;}
.about .abxq .abDiv:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.about .abxq .abnr:after{position:absolute;content:"";background:#16468D;width:0;height:100%;left:0;top:0;transition: all .5s ease;z-index: 9;}
.about .abxq .abDiv:hover .abnr:after{width:100%;}
.about .abxq .abDiv:hover .abnr p{color:#fff;}

.about .abxq .abnr::-webkit-scrollbar{width:5px;height:5px;}
.about .abxq .abnr:hover::-webkit-scrollbar-thumb{background:#ffffff36;opacity:0.5;border-radius:10px;}


/*历史*/
.history{float:left;width:100%;margin: 1rem 0 0.4rem;overflow:hidden}
.history .lslc{width: 50%;float:left;position:relative;z-index: 9;}
.history .lslc li{float:left;width: calc(100% - 1px);/* border-right:1px solid #dcdddd; */padding-top: 0.9rem;border-top: 1px solid #dcdddd;padding-bottom:0.2rem;}
.history .lslc li:first-child{border-top:0;}
.history .lslc li .lsnr{float:left;width: 5.2rem;width: 25vw;}
.history .lslc li .lsnr span{width:100%;float:left;overflow: hidden;position: relative;min-height: 3rem;}
.history .lslc li .lsnr span img{max-width:100%;}
.history .lslc li .lsnr h4{float:left;width:100%;font-size: 0.24rem;margin:0.2rem 0;}
.history .lslc li .lsnr p{font-size: 0.18rem;float: left;width: 100%;line-height:0.32rem}
.history .lslc li .lstime{width: calc(100% - 6rem);float:right;font-size: 0.4rem;font-weight: 600;text-align: right;padding-right: 0.2rem;border-bottom: 1px solid #dcdddd;position: relative;width: 8vw;padding-right: 1vw;}
.history .lslc li .lstime:after{content:"";position:absolute;width:0.15rem;height:0.15rem;background: #16468D;right:-0.08rem;bottom:-0.06rem;border-radius:50%;z-index: 9;}
.history .lcright{padding-top: 4rem;border-left: 1px solid #dcdddd;width: calc(50% - 1px);z-index: 8;}
.history .lcright li{border-right:0;}
.history .lcright li .lsnr{float:right}
.history .lcright li .lstime{float:left}
.history .lcright li .lstime:after{left:-0.08rem;}
.history .lcright li:first-child{border-top:1px solid #dcdddd;}
/*联系我们*/
.contant{width:100%;float:left;margin: 0.6rem 0;}
.contant .Cleft{width: 6rem;float:left;}
.contant .Cleft .p1{font-size:0.24rem;font-weight:bold;margin-bottom:0.1rem}

.contant .Cleft .p2{font-size:0.24rem;margin-bottom:0.4rem}
.contant .divmap{width: calc(100% - 7rem);height: 5rem;float:right;}
.contant .divmap img{max-width:100%;}
.contant .Cleft .p3{font-size: 0.24rem;border-bottom: 1px solid #ccc;padding-bottom: 0.2rem;margin-bottom: 0.2rem;padding-top: 0.4rem;padding-left: 0.5rem;background: url(../pic/address.png) no-repeat 0;background-size: 0.5rem;}
/*在线留言*/
.message{width:100%;float:left;margin: 0.6rem 0;}
.message .wd1200{border-top:1px solid #ebebeb;padding-top: 0.8rem;}
.product-box {width:12rem;float:left;min-height: 5.5rem;width: 63vw;margin-bottom:0.8rem}
.contact-txt2 {width:3.7rem;float:left;font-size:0.14rem;line-height:0.3rem;color:#333;padding-top:0.4rem;min-height:6.82rem;}
.contact-ly {width: 9rem;float: left;padding-top: 0;}
.ly-box {margin-bottom:0.2rem;}
.ly-box label{padding-right:0.2rem}
.ly-box label input{height:auto}
.ly-box input {height:0.5rem;border:1px solid #e4e4e4;box-sizing:border-box;padding-left:0.2rem;font-size:0.16rem;line-height:0.36rem;color:#999;}
.ly-box textarea {border:1px solid #e4e4e4;box-sizing:border-box;padding-left:0.2rem;font-size:0.16rem;line-height:0.36rem;color:#999;font-family: 'Microsoft YaHei',Arial;}
.ly-txt1 {width: 4.4rem;}
.ly-txt2 {width:1.7rem;}
.ly-txt3 {width: 8rem;height: 2rem;padding-top:0.1rem;}
.ly-button {width:1.8rem;height:0.52rem;background: #16468D;border:none;color:#fff;font-size:0.16rem;font-weight:bold;border-radius:3px;}
.message .wd1200 .lbtitle:before{width:0}
.message .wd1200 .lbtitle{border-top:1px solid #ebebeb;padding-top: 0.4rem;}
.message .gzwm{float:left;width: 100%;margin-top: 0.2rem;}
.message .gzwm li{float:left;margin: 0 0.1rem;width: 2.3rem;width: 12.3vw;margin: 0 0.5vw;}
.message .gzwm li img{width: 2.3rem;height: 2.3rem;float: left;width: 12.3vw;height: 12.3vw;}
.message .gzwm li p{width:100%;float:left;text-align:center;font-size:0.18rem}

/*脑客中国*/
.nkzg{width:100%;float:left;margin:0.4rem 0;}
.nkzg .outline{width: calc(100% - 0.4rem);padding-bottom: 0.4rem;/* border-bottom:2px solid #ebebeb; */float:left;margin-bottom: 0.4rem;margin: 0.4rem 0.2rem 0.2rem 0.2rem;}
.nkzg .outline .nknr{width:60vw;float:left;}
.nkzg .outline .nknr li{width:100%;float:left;font-size: 0.18rem;/* font-weight: 600; */line-height: 0.3rem;}
.nkzg .outline .nkwx{width:2rem;float:right;}
.nkzg .outline .nkwx img{width: 1.4rem;height: 1.4rem;}
.nklist{width:100%;float:left;margin:0.4rem 0 }
.nklist li{float:left;margin: 0 0.2rem 0.2rem 0.2rem;width: 4.6rem;width: 24.66vw;margin: 0 1vw 1vw 1vw;background: #F2F2F2;}
.nklist li .zbimg{float:left;width:4.6rem;height: auto;overflow: hidden;width: 24.66vw;}
.nksl li .zbimg{max-height: 9.8vw;}
.nklist li .zbimg img{width:100%;height: auto;}
.nklist li .nkzb{float:left;width: 4.2rem;background: #F2F2F2;padding: 0.2rem 0.2rem;width: 22.66vw;padding: 1vw;}
.nklist li .nkzb h2{float:left;height:0.4rem;line-height:0.4rem;width: 3.1rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 0.26rem;color: #666;width: 14vw;}
.nklist li .nkzb i{font-style:normal;height: 0.4rem;line-height:0.4rem;float:right;padding-left: 0.2rem;width:0.8rem;background: url(../pic/weizhi.png) no-repeat 0 50%;background-size:0.16rem;font-size: 0.16rem;width: 5vw;}
.nklist li .nkzb p{float:left;width:100%;text-align:center;margin-top:0.4rem;margin-bottom:0.1rem}
.nklist li .nkzb p a{font-size:0.16rem;color:#16468D;border:1px solid #16468D;padding: 0.1rem 0.4rem;}
/*新闻资讯*/
.news02{width:100%;float:left;margin: 0.4rem 0}
.news02 .zxnews{width:8.5rem}
.news02 .zxnews span{float:left;width:8.5rem;height: 5.5rem;}
.news02 .zxnews span img{width:100%;height: 100%;}
.news02 .zxnews p{float:left;background: #E9E9E9;width: 100%;height: 0.6rem;line-height: 0.6rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;font-size: 0.24rem;}
.news02 .allnews{width: 5.9rem;background: #F8F8F8;}
.news02 .allnews .Nlist{float:left;width: 5.5rem;padding:0 0.2rem;height: 5rem;overflow-x: hidden;overflow-y: auto;}
.news02 .allnews .Nlist li{float:left;width:100%;margin: 0.1rem 0 0.1rem;}
.news02 .allnews .Nlist li p{font-size:0.18rem;float:left;width:100%;font-weight:600;line-height:0.3rem}
.news02 .allnews .Nlist li span{font-size:0.2rem;color:#666}
.news02 .allnews .Nmore{float:left;width: 100%;background: #f2f2f2;height: calc(1.1rem - 2px);border-top: 2px solid #fff;text-align: center;position:relative;}
.news02 .allnews .Nmore a{color:#16468D;border:1px solid #16468D;padding:0.1rem 0.2rem;position:absolute;left:50%;transform:translateX(-50%);bottom:0.2rem;font-size:0.18rem}
/*滚动条样式*/
.test-1::-webkit-scrollbar {/*滚动条整体样式*/width : 0.05rem;  /*高宽分别对应横竖滚动条的尺寸*/height: 1px;}
.test-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 10px;box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);background: #bdbcbc;}
.test-1::-webkit-scrollbar-track {/*滚动条里面轨道*/box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 10px;background: #ededed;}
.test-1 { scrollbar-width: thin;/* 比默认滚动条窄*/   scrollbar-color: #bdbcbc #ededed; }
/*新闻详情页*/
.newsdes{width: calc(100% - 0.8rem);float:left;margin: 0.2rem 0;padding: 0 0.4rem;}
.newsdes h1{float:left;width: 100%;font-size: 0.24rem;margin: 0.2rem 0 0.05rem;text-align: center;}
.newsdes ul{width:100%;float:left;margin-bottom:0.2rem;text-align: center;}
.newsdes ul li{color: #999;margin-right: 0.2rem;display: inline;}
.newsdes .newms{width:100%;float:left;line-height:0.3rem;font-size:0.16rem}
.newsdes .newms img{max-width:100%;height:auto;}
.newsdes .newms iframe{width:100%;height:50vw;}
.newms table{margin:auto;}
.newms table td{padding:0.1rem;}

/*新闻列表*/
.inner-tab {text-align:center;margin: 0.2rem 0 0.2rem 0;float: left;width: 100%;}
.inner-tab li {display:inline-block;padding:0 0.3rem;}
.inner-tab li .icon {position:relative;display:inline-block;width:0.8rem;height:0.8rem;background:#56667a;;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;}
.inner-tab li.on .icon {background:#da251e;}
.inner-tab li .icon img {position:absolute;top:50%;left:50%;margin:-0.21rem 0 0 -0.21rem;width: 0.42rem;height: 0.42rem}
.inner-tab li strong {display:block;font-size:0.16rem;font-weight:normal;color:#000;}
.inner-tab li.on strong{color:#da251e;}
.inner-content {padding:0.4rem 0 1rem;}
.news-list{float:left;width: 100%;margin: 0.2rem 0;}
.news-list .item-list li{float:left;width:100%;padding: 0.4rem 0;}
.news-list .item-list li .picture{float:left;width: 2.6rem;/* height: 1.6rem; */position: relative;width: 20vw;height: 11.2vw;overflow: hidden}
.news-list .item-list li .picture img{max-width:100%;max-height: 100%;position: absolute;margin: auto;left: 0;right: 0;top:0;bottom:0;transition: all .5s ease;}
.news-list .item-list li .text-inner{float:right;width: 12rem;color: #999;font-size: 0.16rem;width: 58vw;}
.news-list .item-list li .text-inner .date{padding:0.2rem 0 0.1rem 0;float:left;width:100%;}
.news-list .item-list li .text-inner .title{width:100%;font-size:0.18rem;float:left;padding-bottom:0.1rem;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;font-weight: normal;}
.news-list .item-list li .text-inner .descrition{float:left;width:100%;line-height:0.3rem;color:#bbbbbb;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list .item-list li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);transition: all .5s ease;}
.news-list .item-list li:hover .title a{color:#cc0000;transition: all .5s ease;}
.news-list .item-list li:nth-child(2n){background:#f9f9f9}

/*职位介绍弹窗*/
.back{opacity: 0.7;background: rgb(0, 0, 0);position: fixed;left: 0px;top: 0px;width: 100%;height: 100vh;overflow: hidden;z-index: 1000;display: none;}
.close{position:absolute;top: -0.1rem;right: -0.1rem;background:#fff;/* border:1px solid #ccc; */border-radius:50%;width: 0.3rem;height: 0.3rem;line-height: 0.3rem;text-align:center;z-index: 1004;font-size: 0.2rem;color: #383636;box-shadow: 1px 1px 2px #565353;cursor: pointer;}
.zwjs{width: 10.6rem;padding: 0.6rem 0.4rem;height: 6rem;background: #fff;box-shadow: 1px 1px 2px #f2f2f2;z-index: 1001;top: 14%;left: 50%;margin-left: -5.3rem;position:fixed;display: none;}
.zwjs h3{background:#cc0000;padding:0.2rem;color:#fff;font-size:0.3rem;font-weight:normal;margin-bottom:0.2rem}
.zwjs .zwdes{white-space:pre;line-height: 0.42rem;font-size:0.22rem;overflow: auto;height: 5.4rem;}



/*视频*/
.playVideo{
	position: absolute;
	left: 10%;
	top: 75%;
	font-size: 0.2rem;
	color: #fff;
	line-height: 1.6;
	text-indent: 2.60417vw;
	cursor: pointer;
	}
.playVideo:before{content: "";
    width: 1.92708vw;
    height: 1.92708vw;
    display: block;
    background: url(../pic/play.svg);
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.blocker{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center;}
.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}
.blocker.behind{background-color:transparent}
.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left;}
.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.blocker video{width: 100%;}
.blocker iframe{width: 100%;height:100%;}
.mr-product-33-modal {
    max-width: 70%;
    width: auto;
    padding: 1.5625vw;
    z-index: 9999;
}
.product-modal-v {
    max-width: 62.5vw;
    padding: 2.5vw;
    /* display: inline-block; */
    width: calc(10rem + 5vw);
    height: calc(5.625rem + 5vw);
    /* display: none; */
}
.modal a.close-modal {
    right: .52083vw;
    top: .52083vw;
    width: 1.04167vw;
    height: 1.04167vw;
    background-image: url(../pic/close.svg)}
.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}
.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}
.wechat-qr {
    max-width: 15.625vw;
    padding: 1.5625vw;
    font-size: 0;
}
.wechat-qr .wechat-qr-img {
    width: 100%;
}
.wechat-qr .wechat-qr-text {
    padding-top: .78125vw;
    text-align: center;
    font-size: 0.16rem;
    line-height: 1.618;
    color: #727171;
}


/*常见问答*/
.faq{width:100%;float:left;margin: 1rem 0}
.faq .faq-content{width:100%;float:left;margin-top: 2vw;}
.faq .faq-content .faq-nav{width: 18vw;float:left;font-size: 0.2rem;font-weight: 400;margin-left: 0.2rem;}
.faq .faq-content .faq-nav h3{width:100%;float:left;padding-bottom:0.3rem;font-weight: 400;color: #000;}
.faq .faq-content .faq-nav li{float:left;width:100%;padding:0.15rem 0;border-bottom:1px solid #f2f2f2;overflow: hidden;}
.faq .faq-content .faq-nav li a{display:block;}
.faq .faq-content .faq-nav .active a{color:#16468D}
.faq .faq-content .faq-nav li i{float:right;font-style:normal;}
.faq .faq-content .faq-nav li:hover a{color:#16468D}
.faq .faq-content .faq-list{width: 56vw;float: right;}
.faq .faq-content .faq-list li{width:100%;float:left;height: 0.6rem;overflow: hidden;border-bottom: 1px solid #E9EAEA;margin-bottom: 0.1rem;}
.faq .faq-content .faq-list li .faq-button{float:left;width: 100%;height: 0.5rem;position:relative;line-height: 0.5rem;margin-bottom: 0.1rem;}
.faq .faq-content .faq-list li .faq-button i{position:absolute;left:0;height: 0.5rem;top: 50%;margin-top: -0.23rem;/* -webkit-transform: translateY(-50%); */ /* transform: translateY(-50%); */}
.faq .faq-content .faq-list li .faq-button i img{width: 0.3rem;}
.faq .faq-content .faq-list li h3{font-size: 0.21rem;height: 0.5rem;padding-left: 0.5rem; float:left;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;width: calc(100% - 0.6rem);cursor: pointer;}
.faq .faq-content .faq-list li p{float: left;font-size: 0.2rem;line-height: 0.36rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;/* -webkit-line-clamp: 3; */-webkit-box-orient: vertical;}
.faq .faq-content .faq-list li .faq-more{float:left;margin: 0.3rem 0;}
.faq .faq-content .faq-list li .faq-more a{background-color: #16468D;border-color: #16468D;color: #fff;padding: 0.1rem 0.3rem;border-radius: 0.1rem;}
.faq .faq-content .faq-list .all-more{width:100%;float:left;margin: 0.3rem 0}
.faq .faq-content .faq-list .all-more a{font-size: 0.16rem;border: 1px solid #E9EAEA;padding: 0.15rem 0.4rem;}
.faclose{display:none;}

/*2022-7-7*/
.news-list .nklist li{background:#fff;}
.nktab{width: calc(100% - 0.4rem);float:left;text-align: center;padding-bottom: 0.35rem;border-bottom: 2px solid #ebebeb;font-weight: bold;margin: 0 0.2rem;}
.nktab li{font-size:0.24rem;margin: 0 0.8rem 0 0;float:left;/* display: inline-block; */}
.nktab li.lick a{color:#16468D;position: relative;}
.nktab li.lick a:after{content:"";position:absolute;height:2px;width:100%;background:#16468D;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);bottom: -0.37rem;}
.nklist li .zbnr{margin-top: 0.2rem;float:left;background: #f7f7f7;width: 22.66vw;padding: 1vw;height: 5vw;overflow: hidden;}
.nklist li .zbnr .zbtitle{font-size:0.16rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 0.3rem;}
.nklist li .zbnr .zbtime{font-size:0.14rem;padding-top:0.1rem;color:#666666}
.nkzg .hpage{width:100%}
.nklist li .zbimg{position: relative;background: #f7f7f7;}
.nklist li .zbimg .zbview{font-style:normal;color:#fff;position: absolute;bottom:0.12rem;left:0.2rem;background: url(../pic/zbview.png) no-repeat 0;background-size: 0.23rem;padding-left: 0.25rem;font-size: 0.2rem;}
.nksl li,.nksl li .zbimg{width: 17.66vw;}
.nksl li .zbnr{width: 15.66vw;margin-top:0}
.nkzg .item-list li{margin:0 0.2rem;width:calc(100% - 0.4rem)}
.nkzg .item-list li .text-inner{width:55vw}
.nktab02{font-weight:normal;border-bottom: 0;padding-top: 0.35rem;}
.nktab02 li.lick a:after{width:0}


.article{width:100%;float:left;margin:0.8rem 0}
.art-preface{font-size:0.2rem;margin-bottom: 0.8rem;}
.art-select{float:left;width:100%;font-size:0.16rem;}
.art-select .select_fl{float:left;}
.art-select .select_fl .select_on{margin-left:0.05rem;border-radius: 0.1rem;border: 1px solid #dedede;/* width: 0.6rem; */line-height: 0.3rem;height: 0.4rem;outline: unset;padding: 0 0.05rem;/* padding-top: 0.02rem; */}
.select_fr{float:right;line-height: 0.3rem;position: relative;}
.select_fr p{float:left;}
.select_fr .search{border-radius: 0.1rem;border:1px solid #dedede;float: left;padding: 0.05rem;width:2.6rem;width: 4rem;display: unset;background: unset;position: unset;height: 0.3rem;}
.select_fr .search input{border:0;float:left;line-height: 0.32rem;width: 1.8rem;}
.select_fr .search_on{width: 0.5rem;height: 0.3rem;display: block;cursor: pointer;position: absolute;right: 0;top: 0.1rem;background: url(https://www.yingchitech.com/cn/yingzhi/pic/search.png) no-repeat 50% 0.06rem;background-size: 0.24rem;}
.select_fr .search_on input{display: block;width: 100%;height: 100%;cursor: pointer;padding: 0;border: 0;background: none;}
.art_list{width:100%;float:left;margin-top:0.3rem;}
.art_list .art_title{border-bottom:1px solid #dedede;float:left;width:100%;line-height: 0.3rem;display: -webkit-box;}
.art_list .art_title h3{float:left;/* line-height: 0.6rem; */font-size: 0.24rem;font-weight: normal;}
.art_list .art_title h3 p{position: relative;float:left;margin-left:0.2rem;/* padding-bottom: 0.3rem; */margin-bottom: 0.17rem;height: 100%;display: -webkit-box;}
.art_list .art_title h3.title01{width: 74%;}
.art_list .art_title h3.title02{width: 12%;margin-left: 2%;}
.art_list .art_title h3.title03{width: 10%;margin-left: 2%;}
.art_list .art_title h3 p:after{content:"";width: 100%;height: 2px;position: absolute;bottom:0;background: #16468D;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);margin-left:-0.2rem;margin-left: 0;}
.art_list .list-content{width:100%;float:left;}
.art_list .list-content li{float:left;width: 100%;font-size:0.15rem;padding: 0.2rem 0;}
.art_list .list-content li:nth-child(even){background:#f9f9f9;}
.art_list .list-content li p{float:left;/* overflow: hidden; */text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 40;-webkit-box-orient: vertical;word-break: break-word;}
.art_list .list-content li .p1{width: calc(74% - 0.2rem);margin-left: 0.2rem;}
.art_list .list-content li .p1:hover a{color:#cc0000;transition: all .5s ease;}
.art_list .list-content li .p2{width: calc(12% - 0.2rem);margin-left: 2%;padding-left: 0.2rem;}
.art_list .list-content li .p3{width: calc(10% - 0.2rem);padding-left: 0.2rem;margin-left: 2%;}
.art_list .art_title h3 p span{float:left;}